<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form formio-read-only" ref="webform" novalidate>
    <div class="formio-component-modal-wrapper formio-component-modal-wrapper-checkbox" ref="componentModalWrapper">
      <div ref="openModalWrapper"></div>
      <div class="formio-dialog formio-dialog-theme-default component-rendering-hidden" ref="modalWrapper">
        <div class="formio-dialog-overlay" ref="modalOverlay"></div>
        <div class="formio-dialog-content" aria-labelledby="ml-checkbox-checkbox" role="dialog" ref="modalContents">
          <label class="sr-only" id="ml-checkbox-checkbox">Checkbox</label>
          <button class="formio-dialog-close float-right btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
          <div ref="modalContents">
            <div id="checkbox" class="form-group has-feedback formio-component formio-component-checkbox formio-component-checkbox " ref="component">
              <div class="form-check checkbox">
                <label class=" form-check-label">
                  <input ref="input" name="data[checkbox]" type="checkbox" class="form-check-input" lang="en" disabled="disabled" value="0" aria-required="false">
                  <span>Checkbox</span>
                  </input>
                </label>
              </div>
              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
            </div>
            <div class="formio-dialog-buttons">
              <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
            </div>
          </div>
        </div>
        <span class="sr-only" ref="modalLiveRegion" aria-live="assertive"></span>
      </div>
    </div>
    <div class="formio-component-modal-wrapper formio-component-modal-wrapper-textfield" ref="componentModalWrapper">
      <div ref="openModalWrapper"></div>
      <div class="formio-dialog formio-dialog-theme-default component-rendering-hidden" ref="modalWrapper">
        <div class="formio-dialog-overlay" ref="modalOverlay"></div>
        <div class="formio-dialog-content" aria-labelledby="ml-textfield-textfield" role="dialog" ref="modalContents">
          <label class="sr-only" id="ml-textfield-textfield">TextField</label>
          <button class="formio-dialog-close float-right btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
          <div ref="modalContents">
            <div id="textfield" class="form-group has-feedback formio-component formio-component-textfield formio-component-textfield " ref="component">
              <label class="control-label " for="textfield-textfield">
                TextField
              </label>
              <div ref="element">
                <input ref="input" name="data[textfield]" type="text" class="form-control" lang="en" disabled="disabled" spellcheck="true" value="" id="textfield-textfield"></input>
              </div>
              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
            </div>
            <div class="formio-dialog-buttons">
              <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
            </div>
          </div>
        </div>
        <span class="sr-only" ref="modalLiveRegion" aria-live="assertive"></span>
      </div>
    </div>
    <div class="formio-component-modal-wrapper formio-component-modal-wrapper-selectboxes" ref="componentModalWrapper">
      <div ref="openModalWrapper"></div>
      <div class="formio-dialog formio-dialog-theme-default component-rendering-hidden" ref="modalWrapper">
        <div class="formio-dialog-overlay" ref="modalOverlay"></div>
        <div class="formio-dialog-content" aria-labelledby="ml-selectBoxes-selectBoxes" role="dialog" ref="modalContents">
          <label class="sr-only" id="ml-selectBoxes-selectBoxes">Select Boxes</label>
          <button class="formio-dialog-close float-right btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
          <div ref="modalContents">
            <div id="selectBoxes" class="form-group has-feedback formio-component formio-component-selectboxes formio-component-selectBoxes " ref="component">
              <label class="control-label " for="selectBoxes-selectBoxes">
                Select Boxes
              </label>
              <div class="input-group">
                <div class="checkbox" ref="wrapper">
                  <label class="control-label form-check-label label-position-right" for="-selectBoxes--a">
                    <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" disabled="disabled" value="a" id="-selectBoxes--a">
                    <span>a</span>
                  </label>
                </div>
                <div class="checkbox" ref="wrapper">
                  <label class="control-label form-check-label label-position-right" for="-selectBoxes--b">
                    <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" disabled="disabled" value="b" id="-selectBoxes--b">
                    <span>b</span>
                  </label>
                </div>
              </div>
              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
            </div>
            <div class="formio-dialog-buttons">
              <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
            </div>
          </div>
        </div>
        <span class="sr-only" ref="modalLiveRegion" aria-live="assertive"></span>
      </div>
    </div>
    <div class="formio-component-modal-wrapper formio-component-modal-wrapper-select" ref="componentModalWrapper">
      <div ref="openModalWrapper"></div>
      <div class="formio-dialog formio-dialog-theme-default component-rendering-hidden" ref="modalWrapper">
        <div class="formio-dialog-overlay" ref="modalOverlay"></div>
        <div class="formio-dialog-content" aria-labelledby="ml-select-select" role="dialog" ref="modalContents">
          <label class="sr-only" id="ml-select-select">Select</label>
          <button class="formio-dialog-close float-right btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
          <div ref="modalContents">
            <div id="select" class="form-group has-feedback formio-component formio-component-select formio-component-select " ref="component">
              <label class="control-label " for="select-select">
                Select
              </label>
              <select ref="selectContainer" name="data[select]" type="text" class="form-control" lang="en" disabled="disabled" id="select-select" aria-required="false"></select>
              <input type="text" class="formio-select-autocomplete-input" ref="autocompleteInput" tabindex="-1" aria-label="autocomplete" />
              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
            </div>
            <div class="formio-dialog-buttons">
              <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
            </div>
          </div>
        </div>
        <span class="sr-only" ref="modalLiveRegion" aria-live="assertive"></span>
      </div>
    </div>
    <div id="submit" class="form-group has-feedback formio-component formio-component-button formio-component-submit  form-group" ref="component">
      <button ref="button" name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en" disabled="disabled">
        Submit
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>